<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>流行趋势资讯</title>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/jquery-2.0.0.min.js"></script>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/information/fuzhuang.css">
	<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/bootstrap/bootstrap.min.css'>
	<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/information/information_main.css'>
	<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/information/flickity-docs.css'>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/header_changeLi.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/information/flickity-docs.min.js"></script>
	<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/common/main_head.css'>
	<link href="${pageContext.request.contextPath}/css/common/page.css"rel="stylesheet">
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/information/infoPage.js"></script>
</head>


<body>
	<!-- 顶部部分 -->
	<header>
		<div class="rightTop">
			<ul>
				<li><a href="#">登录</a></li>
				<li class="separator">|</li>
				<li><a href="#">注册</a></li>
				<li class="separator">|</li>
				<li><a href="login.html">个人中心</a></li>
			</ul>
		</div>
		<div class="headermenu">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">作品</a></li>
				<li><a href="#">设计师</a></li>
				<li><a href="#">品牌服装</a></li>
				<li><a href="#">服装企业</a></li>
				<li><a href="${pageContext.request.contextPath}/fabric/getFabricMain.do">面料</a></li>
				<li><a href="${pageContext.request.contextPath}/provider/providerInfo.do">供应商</a></li>
				<li class="current"><a href="${pageContext.request.contextPath}/information/information.do?pageindex=1&pagesize=7">资讯</a></li>
			</ul>
		</div>
		<div class="search">
			<input type="text" placeholder="我想找···" />
		</div>
	</header>
	
	<!-- 内容部分 -->
	<div class="container">
	<p class="c_title">位置：<a href="#">FCS</a> >> <a href="${pageContext.request.contextPath}/information/information.do?pageindex=1&pagesize=7">资讯</a> >> 流行趋势资讯</p>
	<div id="pagebody" style="margin-top: 0px;">
				<div id="sidebar">
					<div class="posts">
						<div class="tab-content" style="overflow:visible">
							<div class="tech-news">
								<div class="main-title-head">
									<h3>流行趋势</h3>
									
									<div class="clearfix"></div>
								</div>
								<div class="tech-news-grids">
									
									<div class="right-tech-news">
									<c:forEach items="${infoNew }" var="info">
										<div class="tech-news-grid span_66">
											<a href="${pageContext.request.contextPath}/information/informationDetail.do?id=${info.id}">${info.title } </a>
											<p>核心提示：${info.content}..<a href="${pageContext.request.contextPath}/information/informationDetail.do?id=${info.id}">详细</a></p>
										</div>
									</c:forEach>
										<div class="clearfix"> </div>
										<!--分页-->
										<div class="paging">
										    <div style="display: none;">		        
											    <span class="pages">${json.property.pageCount}</span>  <!--页数-->  
										        <span class="pageIndex">${json.property.pageIndex}</span>  <!--当前页码-->  
										        <span class="pagesize">8</span>   <!--每页记录数-->  
										        <span class="hasNext">${json.property.hasNext}</span>   <!--是否有下一页(boolean)-->  
										        <span class="selfUrl">/information/informationLxqs.do</span>    <!--请求action-->
										        <span class="commonUrl">${pageContext.request.contextPath}</span>   <!--绝对路径-->
										    </div>
										    <div class="showPaging">
										        <a class="prev" href="${pageContext.request.contextPath}/information/informationLxqs.do?pageindex=${json.property.pageIndex-1 }&pagesize=8">
												上一页</a> 
											<select class="pageNum" style="font-size: 12px;">
												<option value="0">请选择跳转的页数</option>
												<option value="1">第1页</option>
											</select> 
											<a class="next" href="${pageContext.request.contextPath}/information/informationLxqs.do?pageindex=${json.property.pageIndex+1 }&pagesize=8">
												下一页</a>
										    </div>
										</div>
										<!--分页结束-->
										<div class="clearfix"> </div>

									</div>

									<div class="clearfix"></div>

								</div>

							</div>

						</div>
					</div>
				</div>
				<div id="mainbody" style="margin-top: 2px;">
					<div id="reight" style="margin-top: 0px;">
						<div class="other-title-head">
							<h5>服装品牌</h5>
							<a href="${pageContext.request.contextPath}/information/informationLxqs.do?pageindex=1&pagesize=8">更多</a>
							<div class="clearfix"></div>
						</div>
						<div class="tech-news-you">
							<div class="left-tech-news">
							<c:forEach items="${infoClothing }" var="infoClothing" begin="0" end="13">
								<div class="tech-news-you span_66">
									<a href="${pageContext.request.contextPath}/information/informationDetail.do?id=${infoClothing.id}">${infoClothing.title } </a>
								</div>
							</c:forEach>
							</div>
							<div class="clearfix"></div>

						</div>
					</div>
					<div id="reight">
						<div class="other-title-head">
							<h5>潮流资讯</h5>
							<div class="clearfix"></div>
						</div>
						<div class="tech-news-you">
							<div class="left-tech-news">
							<c:forEach items="${infoByCountList}" var="infoByCount">
								<div class="tech-news-you span_66">
									<a href="${pageContext.request.contextPath}/information/informationDetail.do?id=${infoByCount.id}">${infoByCount.title}</a>
								</div>
							</c:forEach>					
							</div>

							<div class="clearfix"></div>

						</div>
					</div>
				</div>
	</div>
	
	<div style="clear: both;"></div>
	</div>
	<!-- 页脚部分 -->
	<footer>
	</footer>
</body>
</html>